<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>铜人宝总后台管理中心</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" type="text/css" href="/statics/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/statics/stylesheets/theme.css">
    <link rel="stylesheet" href="/statics/lib/font-awesome/css/font-awesome.css">
    <script src="/statics/lib/jquery-1.7.2.min.js" type="text/javascript"></script>
    <!-- Demo page code -->
    <style type="text/css">
        .define-navbar{
            color: #FFF;
            background-color: #363636;
            font-size: 12px;
        }
        .define-navbar>div:nth-child(2){
            width: 50%;
        }
        .define-navbar>div:first-child,
        .define-navbar>div:nth-child(2) div:not(:last-child){
            line-height: 40px;
        }
        .define-navbar>div:nth-child(2) div:not(:first-child){
            margin-left: 30px;
        }
        .define-navbar>div:nth-child(2) div:last-child{
            border: 1px solid #FFF;
            margin-top: 8px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            padding: 1px 13px;
        }
        .define-navbar span{
            border: 1px solid #FFF;
            border-radius: 2px;
            padding: 0.15151515rem 0.39393939rem;
        }

        .define-row-fluid{
            background-color: #FFF;
            width: 50%;
            margin: 0 auto;
            font-size: 1rem;
            padding: 0.7rem 0;
        }
        .define-row-fluid img{
            width: 7%;
            vertical-align: -0.424242rem;
        }

        .define-table{
            width: 100%;
            display: table;
        }
        .define-table-cell{
            display: table-cell;
            width: 33.3333%;
            color: #FFF;
            font-size: 0.65rem;
            text-align: center;
        }
        .define-table-cell div{
            width: 90%;
        }
        .define-table .define-table-cell:nth-child(2) div{
            margin: 0 auto;
        }
        .define-table .define-table-cell:nth-child(3) div{
            margin-left: 10%;
        }
        .define-table .define-table-cell div:nth-child(1){
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding-top: 1rem;
        }
        .define-table .define-table-cell div:nth-child(2){
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            padding-top: 0.65rem;
            padding-bottom: 0.75rem;
        }
        body>div>.define-table:nth-child(1) .define-table-cell:first-child div{
            background-color: #10BEBC;
        }
        body>div>.define-table:nth-child(1) .define-table-cell:nth-child(2) div{
            background-color: #1E80BF;
        }
        body>div>.define-table:nth-child(1) .define-table-cell:nth-child(3) div{
            background-color: #DE5214;
        }
        body>div>.define-table:nth-child(2) .define-table-cell:first-child div{
            background-color: #F09E0F;
        }
        body>div>.define-table:nth-child(2) .define-table-cell:nth-child(2) div{
            background-color: #50C399;
        }
        body>div>.define-table:nth-child(2) .define-table-cell:nth-child(3) div{
            background-color: #7189A5;
        }
        body>div>.define-table:nth-child(1){
            margin-top: 3.4rem;
        }
        body>div>.define-table:nth-child(2){
            margin-top: 1.7rem;
            margin-bottom: 6rem;
        }

        .define-footer{
            position: fixed;
            width: 100%;
            left: 0;
            bottom: 0;
            font-size: 0.36363636rem;
            text-align: center;
            padding: 2rem 0;
        }


        @media (min-width: 1024px) {
            body>div>.define-table:nth-child(1){
                margin-top: 10.4rem;
            }
        }
        @media (min-width: 1100px) {
            body>div>.define-table:nth-child(1){
                margin-top: 8.4rem;
            }
        }
        @media (min-width: 1280px) {
            body>div>.define-table:nth-child(1){
                margin-top: 7.4rem;
            }
        }
        @media (min-width: 1366px) {
            body>div>.define-table:nth-child(1){
                margin-top: 6.4rem;
            }
        }
        @media (min-width: 1440px) {
            body>div>.define-table:nth-child(1){
                margin-top: 5.4rem;
            }
        }
        @media (min-width: 1680px) {
            body>div>.define-table:nth-child(1){
                margin-top: 4.4rem;
            }
        }
        @media (min-width: 1920px) {
            body>div>.define-table:nth-child(1){
                margin-top: 3.4rem;
            }
        }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
  <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
  <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
  <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> 
  <body class="" onkeydown="keyLogin();"> 
  <!--<![endif]-->
  <!--登录导航-->
    <div class="define-navbar clearfix">
        <div style="width: 50%;margin: 0 auto;">
            <div class="pull-left">铜人宝医院安全管理系统！欢迎您！</div>
            <div class="pull-right clearfix">
                <div class="pull-left">2107年10月19日</div>
                <div class="pull-left" style="margin-left: 30px">星期三</div>
                <div class="pull-left" style="margin-left: 30px">上午11:35</div>
                <div class="pull-left" style="margin-left: 30px; color: #fff">
                    <a href="/user/login" style="color: #fff"><span>登录</span></a>
                </div>
            </div>
        </div>
    </div>

  <!--logo-->
  <div style="background-color: #FFF;">
      <div class="define-row-fluid">
          <img src="/statics/images/logo_blue.png" alt="">
          <span>铜人宝医院安全管理系统</span>
      </div>
  </div>

  <!--列表-->
  <div style="width: 50%;margin: 0 auto;">
      <div class="define-table">
          <div class="define-table-cell">
              <div><img src="/statics/images/logo_inner.png" alt=""></div>
              <div>病区管理</div>
          </div>
          <div class="define-table-cell">
              <div><img src="/statics/images/logo_sever.png" alt=""></div>
              <div>服务管理</div>
          </div>
          <div class="define-table-cell">
              <div><img src="/statics/images/logo_warning.png" alt=""></div>
              <div>医警联动</div>
          </div>
      </div>
      <div class="define-table">
          <div class="define-table-cell">
              <div><img src="/statics/images/logo_complain.png" alt=""></div>
              <div>投诉管理</div>
          </div>
          <div class="define-table-cell">
              <div><img src="/statics/images/logo_houqin.png" alt=""></div>
              <div>后勤管理</div>
          </div>
          <div class="define-table-cell">
              <div><img src="/statics/images/logo_poney.png" alt=""></div>
              <div>资产管理</div>
          </div>
      </div>
  </div>

  <!--footer-->
  <div class="define-footer text-center" style="background-color: #FFF;">
      <div>
          <span>腾讯科技</span>
          <span style="padding-left: 15px;padding-right: 15px;">|</span>
          <span> 浙ICP备12013127号-1</span>
      </div>
      <div>Copyright © 2010-2015 tongrenbao Inc.All Rights Reserved</div>
  </div>

    <script src="/statics/lib/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript">
	    function keyLogin(){
	     	if (event.keyCode==13)  //回车键的键值为13
	       		document.getElementById("loginbtn").click(); //调用登录按钮的登录事件
	    }
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
            $('#loginbtn').click(function(){getLogin()});
        });
        function getLogin(){
           	var username = $('#username').val();
           	var passwd = $('#passwd').val();
           	if(!username){
           		showmsg('用户名必填！');
           		$('#username').focus();
           	}else if(!passwd){
           		showmsg('密码必填！')
           		$('#passwd').focus();
           	}else{
           		$('#loginbtn').unbind('click').attr('disabled',true).removeClass('btn btn-primary');
           		$('#loginbtn').html('<img src="/statics/images/ajax_loading.gif" style="margin:5px 18px 0 0" />');
            	$.post('/user/checklogin',{'username':username,'passwd':passwd,'signlogin':$('#signlogin:checked').val()},function(data){
            		if(data.code==1){
            			location.reload();
            		}else if(data.code==0){
            			showmsg(data.msg);
            			$('#loginbtn').bind('click',function(){getLogin()})
            						  .attr('disabled',false).addClass('btn btn-primary')
            						  .html('登陆').css('display','none').fadeIn('slow');
            		}
            	},'json');
           	}
        }
        function showmsg(msg){
        	art.dialog({
    			icon: 'error',
    		    fixed: true,
    		    content: msg,
    		    title: '错误',
    		    time: 1
    		    
    		});
        }
    </script>
  </body>
</html>
